/* 修改左侧主导航的样式,这个是宽度间距的调整 */
.main-sider-nav-mixin(@branchLeft, @leafLeft, @fontSize) {

  /* 左侧导航菜单的树枝节点的样式 */
  &>li>div {
    padding-left: @branchLeft !important;
  }

  /* 左侧导航菜单的叶子节点的样式 */
  &>li>ul>li.ant-menu-item {
    padding-left: @leafLeft !important;

    &>span {
      padding-left: 16px !important;
      font-size: @fontSize
    }
  }
}

// 每向下面加一级，中间多一个li>ul>
.main-sidemenu-wrap>ul {
  .main-sider-nav-mixin(20px, 28px, 14px);

  &>li>ul {
    .main-sider-nav-mixin(30px, 28px, 14px);

    &>li>ul {
      .main-sider-nav-mixin(48px, 56px, 10px);

      &>li>ul {
        .main-sider-nav-mixin(58px, 60px, 10px);

        &>li>ul {
          .main-sider-nav-mixin(58px, 60px, 10px);

          &>li>ul {
            .main-sider-nav-mixin(58px, 60px, 10px);
          }
        }
      }
    }
  }
}